body, html {
    width: 100%;
    height: 100%;
    font-family: "Helvetica Neue",Helvetica,Tahoma,Arial,'PingFang SC','Source Han Sans CN','Source Han Sans','Source Han Serif','Hiragino Sans GB','WenQuanYi Micro Hei','Microsoft YaHei',sans-serif;
    font-weight: 400;font-size: 14px;
}
*{margin:0;padding:0;}
input:hover,input:focus,textarea:hover,textarea:focus{outline:1px solid #9ed8f6}
body{background:linear-gradient(to bottom,#008cd6,#9ed8f6);}
.f1{flex:1;}
.container{display: flex; flex-direction: column; max-width:540px;margin:0 auto;}

.container .tabbar{display: flex; flex-direction: row;}
.container .tabbar .tab{border-radius: 10px 10px 0 0; padding:5px 10px; font-weight: 600; line-height:24px;display: flex; flex:1;align-items: center; justify-content: center;flex-direction: column;color:#fff;}
.container .tabbar .def{background:#008cd6;}
.container .tabbar .active{background:#43c7ff;}
.container .tabwrapper{display:flex;flex-direction: column; min-height: 300px;background:linear-gradient(#42c9ff,#008cd6 36%,#677fff 100%);padding:10px 5px;}
.container .tabwrapper .tabcon{min-height: 400px;border-radius:5px;background:linear-gradient(145deg, #008cd6 ,#42c9ff );padding:10px 5px;}
.container .tabwrapper .tabcon .panel{border-radius: 5px; padding:10px 0;display: flex; flex-direction: column;background:#e7ebff;}
.container .tabwrapper .tabcon .panel .title{color:#090909; display: flex; flex-direction:row;line-height: 20px;padding-left: 10px;}
.container .tabwrapper .tabcon .panel .title .brage{width:8px;height:20px;background:linear-gradient(#008cd6,#008cd6); margin-right:5px;}
.container .tabwrapper .tabcon .panel .title .code{flex:1;}
.container .tabwrapper .tabcon .panel .body{padding:5px 0; display: flex; flex-direction:row;}
.container .tabwrapper .tabcon .panel .body .input-label{display: flex; flex-direction:row; flex:1;}
.container .tabwrapper .tabcon .panel .body .input-label .label{padding:0 8px;height:24px;line-height:24px}
.container .tabwrapper .tabcon .panel .body .input-label .input{flex:1;}
.container .tabwrapper .tabcon .panel .body .input-label .input input{background:none;border:1px solid #fff;background-color: #fff; border-radius:5px;height:24px;line-height:24px;color: rgba(0,0,0,.85);width:100%;padding-left: 10px;    box-sizing: border-box;}
.container .tabwrapper .tabcon .panel+.panel{margin-top:5px;}
.container .tabwrapper .tabcon .panel .rows{flex-wrap: wrap; align-items: center; }
.container .tabwrapper .tabcon .panel .ver{flex-wrap:nowrap; align-items: center; justify-content:space-around;}
.container .tabwrapper .tabcon .panel .body .items{padding:6px;  border-radius:5px; display: flex; flex-direction: column; align-items: center; justify-content:center}
.container .tabwrapper .tabcon .panel .body .items .item{border-radius:10px; flex:1; padding:8px 10px;border:1px solid #fff;box-sizing: border-box;}
.container .tabwrapper .tabcon .panel .body .items .active{background:#008cd6;}
.container .tabwrapper .tabcon .btnGroup{margin:5px 0; padding:5px;}
.container .tabwrapper .tabcon .btnGroup .btn{display:block;line-height: 24px; font-size:14px;color:#fff; background:#008cd6; text-align: center;height:24px;border-radius:5px;}
.container .tabwrapper .tabcon .panel textarea{background:none;border:1px solid #fff;background-color: #fff; border-radius:15px;min-height:120px;color: rgba(0,0,0,.85);width:100%;padding:5px 5px;    box-sizing: border-box;}

.layer{position:fixed;left:0;top:0;right:0;bottom:0;z-index: 10000; background:#090909ef}
.layer .model{position: relative;width:240px;height:200px;margin:0 auto;}
.layer .model .model-content{ margin-top:200px;padding:20px 10px; background:#008cd6;border-radius: 10px;display: flex; flex-direction: column;}
.layer .model .model-content .model-title{height:40px;line-height: 40px; color: rgba(0,0,0,.85);flex:1; }
.layer .model .model-content input{background:none;border:1px solid #fff;background-color: #fff; border-radius:15px;height:38px;line-height:38px;color: rgba(0,0,0,.85);width:100%;padding-left: 10px;    box-sizing: border-box;}
.layer .model .model-content .btn{display:block;line-height: 40px; font-size:14px;color:#fff; background:#008cd6; text-align: center;height:40px;border-radius:10px; margin-top: 15px;}